
*
{
	padding: 0;
	margin: 0;
	outline: 0;
}
body
{
	background: #fff url(images/body.gif) repeat-x 0 0;
	font-family: "Trebuchet MS" , Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #636363;
}
input, textarea, select
{
	font-family: "Trebuchet MS" , Arial, sans-serif;
	font-size: 12px;
	resize:none;
}

.field
{
	background: #ebebeb;
	border: solid 1px #dedede;
	padding: 2px;
}

a img
{
	border: 0;
}

a
{
	color: white;
	text-decoration: none;
	cursor: pointer;
}
a:hover
{
	color: #666;
	text-decoration: none;
}

.left, .alignleft
{
	float: left;
	display: inline;
}
.right, .alignright
{
	float: right;
	display: inline;
}

.cl
{
	font-size: 0;
	line-height: 0;
	clear: both;
	display: block;
	height: 0;
}

.al
{
	text-align: left;
}
.ar
{
	text-align: right;
}
.ac
{
	text-align: center;
}

h2
{
	font-size: 14px;
	line-height: 16px;
}
h3
{
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #000;
}
h4
{
	font-size: 12px;
	line-height: 14px;
	text-transform: uppercase;
	color: #000;
}


h1#logo
{
	font-size: 0;
	line-height: 0;
	width: 156px;
	height: 64px;
	float: left;
}
h1#logo a
{
	display: block;
	height: 64px;
	text-indent: -4000px;
	background: url(images/logo.png);
}

.shell
{
	width: 960px;
	margin: 0 auto;
	padding: 10px;
	background: #fff;
}

#header
{
	height: 95px;
	background-color:#804F9F;
	position: relative;
}ss

#navigation
{
	float: right;
	white-space: nowrap;
	margin-top:15px;
}
#navigation ul
{
	list-style-type: none;
	height: 34px;
	font-weight: bold;
	float: left;
}
#navigation ul li
{
	float: left;
	display: inline;
	margin-right:5px;
}
#navigation ul li a
{
	float: left;
	height: 34px;
	line-height: 34px;
	text-decoration: none;
	color: #fff;
	padding: 0 15px;
}
#navigation ul li a.active, #navigation ul li a:hover
{
	background: #fff;
	color: #8b0000;
	border-radius:5px;
}


#navigation li ul
{
    display:none;
    position:relative;
    z-index:1000px;
        z-index:99999;
    
}

#navigation li:hover ul
{
    display:block;
    position:absolute;
    margin-top:30px;
    background-color:#FFFFFF;
    z-index:99999;
    overflow:hidden !important;
    
}
#navigation li:hover ul li
{
    clear:both;
    overflow:hidden;
        z-index:9999;
        overflow:hidden !important;
}
#navigation li:hover a
{
    background-color:#FFFFFF;
    color:#9C0202;
    
}
#navigation li:hover a:hover
{
    color:#9C0202;
}



#cart
{
	float: right;
	width: 160px;
	top: 0;
	right: 0;
	height: 51px;
	background: #803698;
	color: #fff;
	padding: 13px 10px 0 10px;
	white-space: nowrap;
	line-height: 20px;
}
a.cart-link
{
	color: #fff;
	background: url(images/cart.png) no-repeat 0 0;
	padding: 0 0 0 32px;
	text-decoration: none;
}
a.cart-link:hover
{
	text-decoration: underline;
}

#sidebar
{
	float: left;
	width: 226px;
}
#content
{
	float: right;
	width: 724px;
}

#main
{
	padding: 10px 0 0 0;
}

.box
{
	padding: 1px;
	border: solid 1px #dedede;
	margin-bottom: 10px;
}
.box h2
{
	background: #7f7f7f;
	color: #fff;
	font-weight: normal;
	padding: 0 5px;
	position: relative;
	height: 27px;
	line-height: 27px;
}
.box h2 span
{
	position: absolute;
	width: 10px;
	height: 5px;
	background: url(images/h2-arr.gif);
	top: 27px;
	right: 10px;
	font-size: 0;
	line-height: 0;
}
.box-content
{
	padding: 5px;
}

a.bul
{
	background: url(images/bul.gif) no-repeat 0 center;
	padding-left: 10px;
}

.search
{
	min-height: 252px;
}
.search label
{
	display: block;
	padding-bottom: 3px;
}

.search .field
{
	display: block;
	margin-bottom: 10px;
}
.search .inline-field label
{
	display: inline;
	padding: 0;
}
.search .inline-field .field
{
	display: inline;
	margin: 0;
}
.search input.field
{
	width: 206px;
}
.search select.field
{
	width: 212px;
}
.search select.small-field
{
	width: 50px;
}

.search-submit
{
	width: 70px;
	background: #804F9F;
	border: 0;
	color: #fff;
	height: 27px;
	display: block;
	line-height: 26px;
	cursor: pointer;
	margin: 12px 0 10px 0;
}

.categories
{
	min-height: 383px;
}
.categories ul
{
	list-style-type: none;
	font-size: 13px;
}
.categories ul li
{
	border-bottom: dashed 1px #ccc;
	padding: 5px 0;
}
.categories ul li.last
{
	border-bottom: 0;
	padding-bottom: 0;
}
.categories ul li a
{
	color: #5f5f5f;
	text-decoration: none;
	background: url(images/cat_v.gif) no-repeat 0 4px;
	padding-left: 17px;
}
.categories ul li a:hover
{
	color: #804F9F;
}



.products {}
.products ul{ list-style-type: none;}
.products ul li{ position:relative; padding:1px; border:solid 1px #dedede; float:left; width:133px;  height:220px; overflow:hidden; }
.products ul li.last{ margin-right:0; }

.pro img{ width:133px;  height:160px;   }
.side-full{ margin-top:10px;}

.product-info
{
	position: absolute;
	width: 173px;
	top: 194px;
	left: 0;
}
.product-info h3
{
	background: #8b0000;
	color: #fff;
	padding: 6px 10px;
}
.product-info h4
{
	font-weight: normal;
}
.product-info p
{
	font-size: 16px;
	line-height: 18px;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	padding: 5px 0 7px 0;
}
.product-info .product-desc
{
	padding: 10px;
	background: url(images/info.png);
	width: 153px;
}

.price
{
	display: block;
	font-size: 21px;
	color: #8b0000;
	line-height: 23px;
}

.more-products
{
	border: solid 1px #dedede;
	position: relative;
	height: 114px;
	overflow: hidden;
}
.more-products ul
{
	list-style-type: none;
	height: 94px;
	position: relative;
	overflow: hidden;
	width: 805px;
}
.more-products ul li
{
	float: left;
	width: 94px;
	height: 94px;
	border-right: dashed 1px #ccc;
	padding: 0 10px;
}
.more-products ul li.last
{
	border-right: 0;
}

.more-products-holder
{
	width: 804px;
	height: 94px;
	position: relative;
	overflow: hidden;
	top: 10px;
	left: 70px;
}
.more-products-holder .jcarousel-clip
{
	width: 804px;
	height: 94px;
	position: relative;
	overflow: hidden;
}

.more-nav
{
	font-size: 0;
	line-height: 0;
}
.more-nav a
{
	position: absolute;
	top: 40px;
	left: 0;
	width: 30px;
	height: 32px;
	text-indent: -4000px;
	z-index: 3;
}
.more-nav a.next
{
	background: url(images/next.gif);
	left: 910px;
}
.more-nav a.prev
{
	background: url(images/prev.gif);
	left: 20px;
}

.cols
{
	padding: 15px 0;
}
.col
{
	float: left;
	display: inline;
	width: 217px;
	margin-right: 30px;
}
.col-last
{
	margin-right: 0;
}

h3.ico
{
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding: 6px 0 8px 30px;
}
h3.ico1
{
	background-image: url(images/ico1.gif);
}
h3.ico2
{
	background-image: url(images/ico2.gif);
}
h3.ico3
{
	background-image: url(images/ico3.gif);
}
h3.ico4
{
	background-image: url(images/ico4.gif);
}

#footer
{
	height: 51px;
	background: #ebebeb;
	white-space: nowrap;
	line-height: 50px;
	padding: 0 15px;
	color: #7b7b7b;
	margin-top: 10px;
}
#footer a
{
	color: #7b7b7b;
	text-decoration: none;
}
#footer a:hover
{
	color: #000;
}
#footer span
{
	padding: 0 2px;
}






#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
float: right;
    margin-top: 15px;
    white-space: nowrap;
    height: 40px;
    position: relative;
    width: 400px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  /*
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
  border-bottom: 2px solid #e00f16; 
*/
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a 
{
    /*
  background: #141414;
  background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
  background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
  background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
*/
  color: #ffffff;
  display: inline-block;
  font-family: "Trebuchet MS" , Arial, sans-serif;
  font-size: 12px;
  font-weight:bold;
  line-height: 40px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid  #804F9F;
  margin-left: -10px;
}
/*
#cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}


#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}

*/
#cssmenu > ul > li.active a 
{
    background-color:#FFFFFF;
    color: #804F9F;
 
}
#cssmenu > ul > li:hover > a {
   background-color:#FFFFFF;
    color: #804F9F;
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #804F9F;
  border-bottom: 1px dotted  #804F9F;
  filter: none;
  font-size: 11px;
  display: block;
  line-height: 120%;
  padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
  background: #803698;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #b00c11;
  border-bottom: 1px dotted #FFFFFF;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background:  #804F9F;
}
/*  css003  */
.f_head
{
    clear:both;
     padding:20px 0 20px 0;
     margin-top:10px;
}
.f_head .lft
{
    width:300px;
    height:40px;
    float:left;
}
.f_head .rht
{
    width:300px;
    height:40px;
    right:0px;
    float:left;
    margin-left:25px;
}
.grid_btn
{
    float:right;
    clear:both;
    margin:10px 80px 10px 0;
}
.grid_btn input
{
    padding:3px 2px;
    margin-right:10px;
    float:left;
}
.r1
{
    height:30px;
}
.r2
{
    height:60px;
}
.r3
{
    height:90px;
}


.c1
{
    width:350px;
    float:left;
    margin-right:25px;
}

.c2
{
  
    width:350px;
    float:left;  
    margin-right:15px;
}
.with_btn
{
    width:525px;
    float:left;  
}
.rw1
{
    margin-bottom:10px;
    height:30px;
}
.head_btn
{
    float:left;
}
.head_btn input
{
    margin-left:20px;
    float:left;
    padding:0 3px;
}
.text
{
    display:block;
    width:140px;
    float:left; 
}

.text_field
{
    display:block;
    width:200px;
    float:left;
}
.select_field
{
   display:block;
    width:206px;
    float:left; 
}
.radio
{}
.radio label
{
    padding:5px;
    color:#636363;
}

/* Three columns field */

.col_3 .c1
{
    width:250px;
    float:left;
    margin-right:15px;
}
.col_3 .c2
{
    width:250px;
    float:left;
    margin-right:15px;
}
.col_3 .c3
{
    width:250px;
    float:left;
    margin-right:15px;
}
.col_3 .c3
{
    margin:0px;
}

.col_3 .text
{
     width:100px;
}
.col_3 .text_field
{
     width:140px;
}
.col_3 .select_field
{
     width:146px;
}
.col_3 .with_btn
{
    width:375px;
}

.rht_btn
{
    width:580px;
}

.lft div:first-child 
{
    display:block;
    float:left;
    margin-right:20px;
    width:115px;
}

.rht div:first-child 
{
    display:block;
    float:left;
    margin-right:20px;
    width:115px;
}
.back a
{
    background: none repeat scroll 0 0 #8B0000;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-weight: bold;
    line-height: 26px;
    display:inline;
    padding:2px 5px;
}
.back
{
    margin:10px 0 0 0
}
.two_col
{
    margin-left:70px;
}


.sub input
{
    float:left;
    margin:0 15px 0 0;
    padding:0 4px;
    
}
.head_con
{
    margin:0 15px;
}


/*csoo4*/

#tophdr
{
	height: 25px;
	background-color: #804F9F;
	position: relative;
	padding: 5px 18px 0 0;
}
#login
{
	color: White;
	font-weight: bold;
	padding: 5px;
}


.loginpop
{
	margin-top: 30px;
}

.lgin1
{
	background: none repeat scroll 0 0;
	border: 0;
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 26px;
	cursor: pointer;
}
.lgin
{
	background:  #804F9F;
	border: 0;
	color: #fff;
	display: block;
	font-weight: bold;
	line-height: 26px;
	cursor: pointer;
}
.leftcol
{
	float: left;
	width: 150px;
	padding: 10px;
	margin-left: 0px;
	text-align: left;
}

.rightcol
{
	float: left;
}


.lgbtn
{
	text-align: center;
	width: 380px;
	float: right;
}
.loginpop input.field
{
	width: 180px;
	height: 24px;
}
.poplgin
{
	background: none repeat scroll 0 0 #8B0000;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	line-height: 26px;
	width: 40px;
}
.popclr
{
	background: none repeat scroll 0 0 #8B0000;
	border: 0 none;
	color: #FFFFFF;
	cursor: pointer;
	display: block;
	line-height: 26px;
	width: 40px;
}
.web_dialog_overlay
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #7F7F7F;
	opacity: .75;
	filter: alpha(opacity=15);
	-moz-opacity: .15;
	z-index: 101;
	display: none;
}
.web_dialog
{
	display: none;
	position: fixed;
	width: 380px;
	height: 250px;
	top: 50%;
	left: 50%;
	margin-left: -190px;
	margin-top: -100px;
	background-color: #ffffff;
	border: 2px solid #7F7F7F;
	padding: 0px;
	z-index: 102;
	font-family: Verdana;
	font-size: 10pt;
}
.web_dialog_title
{
	border-bottom: solid 2px  #804F9F;
	background-color:  #804F9F;
	padding: 4px;
	color: White;
	font-weight: bold;
}
.web_dialog_title a
{
	color: White;
	text-decoration: none;
	float: right;
}
#sub
{
	margin-left: 350px;
}
#sub input
{
	float: left;
	margin-right: 20px;
	margin-left: 0;
	width: 50px;
}
.full h2
{
	border-bottom: 1px dashed #DEDEDE;
	padding-bottom: 5px;
}
.clear
{
	clear: both;
}
.rightcol span
{
	color: #C0C0C0;
	padding: 5px;
}
.error
{
	border: 1px solid red;
}

#top_nav
{
	float: right;
}
#top_nav ul
{
	margin: 0px;
	padding: 0px;
}

#top_nav ul li
{
	list-style-type: none;
	float: left;
	padding: 2px;
	font-weight:bold;
	
}
#top_nav ul li a
{
	color: white;
	text-decoration: none;
	
}
#top_nav ul li a:hover
{
	color: ;
	text-decoration: none;
}


/*cs004*/
/*cs005*/
.Register
{
	margin-top: 50px;
	margin-left: 200px;
	text-align: center;
}



.row
{
	clear: both;
	height: 40px;
	margin-bottom: 20px;
}
.Register input.field
{
	width: 212px;
	height: 24px;
}
.full
{
	width: 960px;
	margin-top: 10px;
	border: 1px solid #DEDEDE;
}

.field1
{
	background: none repeat scroll 0 0 #EBEBEB;
	border: 1px solid #DEDEDE;
	padding: 2px;
}

.Register input.field1
{
	width: 190px;
	height: 24px;
}
.cal
{
	float: left;
}

/*CS005*/

/*cs005-Order placing.css*/



#pro_des
{
	float: left;
	margin-left: 30px;
}
.od1
{
	float: left;
}

.clear
{
	clear: both;
}
.full h2
{
	border-bottom: 1px dashed #DEDEDE;
	padding-bottom: 5px;
}
.full .content
{
	padding: 10px;
}
#prod_des_img
{
	float: left;
}
.pro_head
{
	height: 120px;
	padding: 10px 0 0 10px;
}

.pro_lbl1
{
	margin-bottom: 10px;
	width: 140px;
}
#pro_carat
{
	float: right;
}

#pro_carat a
{
	float: left;
}


#des
{
	height: 250px;
	padding: 20px;
	border: 1px solid #DEDEDE;
	margin-bottom: 10px;
}

/*end cs005-Order placing.css*/
.grid
{
	padding: 10px;
}

/*counter cs005*/
#count
{
	float: right;
	margin-top: -50px;
	
}
.counter
{
   
	margin-top:15px;
}
.counter input.field
{
	height: 24px;
	width: 212px;
}
#count_grid
{
	height:350px;

}
/*cs005*/
/* salesman */
#rght
{
	float:right;
	margin-top:-230px;

}


/*cs002*/
/*login*/
.hyp_forget
{
	cursor:pointer; 
	color:#636363; 
	 text-decoration:underline;
}

#show
{
	clear:both;
	margin-top:20px;
}

#show span,a
{
	padding:0px;
	color:#636363;
}
.f_email
{
	width:100px;
}
.f_text
{
	width:150px;
}
.f_btn
{
	 background: none repeat scroll 0 0  #804F9F;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    line-height: 26px;
    padding:0 4px;
    margin-left:20px;
}

